<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
	body{
		margin:0;
	}
	/*.father{
		width: 300px;
		height: 300px;
		background: green;
		position: absolute;
	}
	.box{
		width: 100px;
		height: 100px;
		background: red;
		position: absolute;
		left:10px;
		bottom:10px;
	}*/

	.baby{
		position:absolute;
		width: 100px;
		height: 100px;
		background: orange;
		/*调整元素的层叠顺序*默认值0-999，值越大，元素越在上边/
		z-index: 2;
	}
	.baby1{
		position:absolute;
		width: 100px;
		height: 100px;
		background: red;

	}
	}
	</style>
</head>
<body>
	<!-- <div class="father">
		<div class="box"></div>
	</div> -->
	<span class="baby"></span>
	<span class="baby1"></span>

</body>
</html>